#Iklan-dharla-1{margin:0px; padding:0px; text-align:center}
#Iklan-dharla-1 img{width:247px; height:247px; text-align:center; opacity:.5; filter:alpha(opacity=100); this.style.opacity=1}
#Iklan-dharla-1 img:hover{opacity:1; filter:alpha(opacity=1); this.style.opacity=6}
#navbar-iframe {
display: none !important;
}
a:link {
color:#2970A6;
text-decoration:none;
}
a:visited {
color:#2970A6;
text-decoration:none;
}
a:hover {
color:#5588AA;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
background:transparent url(http://3.bp.blogspot.com/_66wIGDjagHk/Siu81fO0RrI/AAAAAAAAAi0/0gVEgpIwIRo/s1600/header.jpg) no-repeat scroll 0 0;
border-bottom:1px solid #A6A6A6;
height:90px;
margin-bottom:-13px;
width:936px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#FFFFFF;
margin:5px;
text-align:left;
}
#header h1, #header p {
font-family:Trajan pro;
font-size:200%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0;
line-height:normal;
margin:5px 5px 0;
padding:20px 20px 0;
text-transform:none;
}
#header a {
color:#ffffff;
text-decoration:none;
}
#header a:hover {
color:#ffffff;
}
#header .description {
color:#EEEEEE;
font-family:arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:normal;
margin:0 5px 5px;
max-width:700px;
padding:0 20px 15px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
font-family:Arial;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 auto;
padding:10px 0 15px 0;
text-align:left;
width:936px;
}
#main-wrapper {
background:#FBFBFB url(http://templates.arcsin.se/images/bgmain.png) repeat-x;
float:left;
overflow:hidden;
padding:18px 15px 15px 15px;
width:605px;
}
.sidebar{
color:#666;
}
.sidebar a{
text-decoration:none;
color:#666;
}
.sidebar a:hover{
text-decoration:none;
color:#000;
}
.sidebar .widget{
padding:15px;
margin-bottom:15px;
}
.sidebar .widget h2{
background:url(http://4.bp.blogspot.com/-Th_cCR-pBVM/UVU77psINJI/AAAAAAAACFI/Eg1j0Tp1t4Q/s1600/sedebnew.png);
margin:0;
border-bottom:solid 1px #E7E7E7;
padding:10px;
font-size:17px;
text-align:right;
font-weight:normal; color:#8B8B8B;
position:relative;
font-family:Enriqueta,Georgia,serif;
}
.sidebar .widget-content{
font-size:13px;
}
.sidebar ul{
list-style-type:none;
list-style:none;
margin:0px;
padding:0px;
}
.sidebar ul li{
border-bottom:1px solid #E5E5D5;
border-top:1px solid #FFF;
padding:5px 0;
margin:0px;
line-height:17px;
}
#sidebar-wrapper {
background:#f7f7f2 url('http://templates.arcsin.se/images/bgsubnav.gif') repeat-x;
float:right;
overflow:hidden;
padding-left:0px;
padding-right:0px;
width:300px;
}
h2.date-header {
margin:1.5em 0 0.5em;
}
.post{
border: 1px solid #c4c4c4;
margin:0px 0 1.5em;
padding: 0 10px 10px 10px;
}
.post h1{
margin:0 0 8px 0;
padding:5px;
color:#B55912;
font:22px Oswald;
background:url(http://1.bp.blogspot.com/--XyTqUrypY8/T1YjUGN9ZbI/AAAAAAAAFuo/mttDGvPpcDU/s1600/batas.png) repeat-x bottom;
}
.post h1 a,.post h1 a:visited,.post h1 strong{
display:block;
text-decoration:none;
color:#B55912;
font:22px Oswald;
text-shadow:1px 1px #fff,1px 1px #ccc,2px 2px #ddd,3px 3px #eee;
}
.post h1 strong,.post h1 a:hover{
color:#555;
text-decoration:none;
}
.post h2{
margin:0 0 8px 0;
padding:5px;
color:#555;
font:22px Oswald;
background:url(http://1.bp.blogspot.com/--XyTqUrypY8/T1YjUGN9ZbI/AAAAAAAAFuo/mttDGvPpcDU/s1600/batas.png) repeat-x bottom;
}
.post h2 a,.post h2 a:visited,.post h2 strong{
display:block;
text-decoration:none;
color:#555;
font:22px Oswald;
text-shadow:1px 1px #fff,1px 1px #ccc,2px 2px #ddd,3px 3px #eee;
}
.post h2 strong,.post h2 a:hover{
color:#B55912;
text-decoration:none;
}
.post-body{
margin:0 0 10px;
text-align:justify;
padding-top:0px;
font:12px Arial;
line-height:1.5em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
color:#999999;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
margin:0.75em 0;
text-transform:uppercase;
}
.post img {
border:1px solid #CCCCCC;
padding:2px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#blog-pager-newer-link {
float:left;
margin-left:0px;
}
#blog-pager-older-link {
float:right;
margin-right:0px;
}
.blog-pager a:link {
background: linear-gradient(whiteSmoke,#F1F1F1);
display: inline-block;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
color: #444;
height: 27px;
padding: 0 10px !important;
line-height: 26px;
text-align: center;
font-size: 11px;
vertical-align: middle;
margin: 0 5px;
}
.blog-pager a:visited{
background: linear-gradient(whiteSmoke,#F1F1F1);
display: inline-block;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
color: #444;
height: 27px;
padding: 0 10px !important;
line-height: 26px;
text-align: center;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
margin: 0 5px;
}
.showpagePoint{
display: inline-block;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.2);
color: #444;
height: 27px;
padding: 0 10px;
line-height: 26px;
text-align: center;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
margin: 0 5px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
background:linear-gradient(#F6F6F6,#F1F1F1);
}
.showpageOf {
display: inline-block;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.2);
color: #444;
height: 27px;
padding: 0 10px;
line-height: 26px;
text-align: center;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
margin: 0 5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background:linear-gradient(#F6F6F6,#F1F1F1);
}
.blog-pager a:hover {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
transition: all 0;
background: linear-gradient(#F8F8F8, #F1F1F1);
border-color:rgba(0, 0, 0, 0.2) !important;
}
.blog-pager a:active {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
background: linear-gradient(#F6F6F6,#F1F1F1);
position:relative;
top:1px;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.6em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
text-transform:uppercase;
}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:14px Oswald;padding-bottom:5px;margin-bottom:10px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer{color:#aaa;line-height:1.3em;font:normal 12px Arial}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000}
.footer .widget-content{padding:0 auto}
.picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-bottom:1px solid #000;border-top:2px solid #ccc;width:936px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width:926px;text-align:left;font:normal 12px Arial;margin:0 auto;padding:10px}
#footer1-wrapper{width:290px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:290px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:290px;float:right;margin-right:12px;word-wrap:break-word;overflow:hidden}
.creditpic{background:#111;width:936px;margin:0 auto;padding:0 auto;border-top:1px solid #444;text-shadow:1px 1px 2px #000;border-bottom-right-radius: 7px;border-bottom-left-radius: 7px;-webkit-border-bottom-right-radius: 7px;-webkit-border-bottom-left-radius: 7px;}
.credit{width:936px;line-height:1.8em;text-align:center;font-family:Arial;font-size:12px;color:#999;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 7px 10px}
.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none;
}
#wrap {
background:transparent;
padding:0px 0;
}
#navigation {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #A6A6A6;
height:31px;
}
#menus li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#menus li a {
background:transparent url(http://3.bp.blogspot.com/_66wIGDjagHk/Siu-20JiAVI/AAAAAAAAAj0/0HpoiYZVXOk/s1600/menu.gif) no-repeat scroll 0 0;
color:#382E1F;
display:block;
float:left;
font-size:11px;
height:31px;
line-height:31px;
margin-left:-10px;
padding:0 20px;
text-decoration:none;
z-index:1;
}
#menus li a:hover, #menus li a.current {
background-position:0 -31px;
}
#menus li.current_page_item a, #menus li.current-cat a {
background-position:0 -62px;
}
#menus li a.home {
background-position:0 -93px;
margin-left:0;
padding:0;
text-indent:-999em;
width:45px;
}
#menus li a.home:hover {
background-position:0 -124px;
}
#menus li.current_page_item a.home {
background-position:0 -155px;
margin-left:-40px;
}
#menus li a.lastmenu:hover {
background-position:0 0;
cursor:default;
}
#searchbox {
background:transparent url(http://4.bp.blogspot.com/_66wIGDjagHk/Siu_TbjBfdI/AAAAAAAAAkE/Tts7ZYXYPq4/s1600/searchbox.gif) no-repeat scroll 0 0;
display:block;
float:right;
height:23px;
margin-right:10px !important;
margin-top:4px;
padding:2px;
width:209px;
}
#searchbox .textfield {
background:transparent none repeat scroll 0 0;
border:0 none;
float:left;
margin-right:2px;
padding-left:2px;
width:185px;
}
#searchbox .button {
background:transparent none repeat scroll 0 0;
border:0 none;
cursor:pointer;
float:left;
height:18px;
margin-top:1px;
width:18px;
}
#searchbox .searchtip {
color:#999999;
}
#content-wrapper {
background:#FBFBFB url(http://2.bp.blogspot.com/_66wIGDjagHk/Siu_neBvpVI/AAAAAAAAAkM/DEnYETL06P4/s1600/sidesep.gif) repeat-y scroll right center;
min-height:400px;
}
.readmorecontent{
text-align:right;
width:140px;
float:right;
margin-top:10px;
}
.readmorecontent a{
padding:4px 5px;
background:#444242;
color:#fff;
text-decoration:none;
font-size:13px;
}
.readmorecontent a:hover{
background-color:#6f6f6f;
color:#fff;
text-decoration:none;
}
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size:90%;
line-height:1.4em;
border-bottom:4px double #7f7f7f;
}
.PopularPosts .item-thumbnail{
float:right; margin:0 0 0 10px;
}
.popular-posts ul li .item-snippet{
font-size:10px;
padding-bottom:0px;
border-top:0;
}
.PopularPosts .item-thumbnail a{
height:100px;
width:70px;
float:left;
background-attachment:scroll;
background-clip:border-box;
background-color:#000;
background-image:url(http://2.bp.blogspot.com/-8VyF_rcq0I0/UPMikKsZYHI/AAAAAAAACmA/jIej-FyI3-I/s1600/view.png); background-origin:padding-box;
background-position:center center;
background-repeat:no-repeat;
background-size:auto auto;
box-shadow:0px 1px 3px #aaa;
}
#PopularPosts1 li img{
margin-right:0;
padding:0;
border:0;
opacity:1;
}
#PopularPosts1 li img:hover{
opacity:0.45;
}
#PopularPosts1{
font-size:10px;
padding-bottom:0px;
border-top:0;
}
#PopularPosts1 .item-thumbnail{
border:1px solid #fcfcfc;
border-radius:5px;
background:#efefef;
box-shadow:0px 1px 3px #aaa;
float:left;
margin:0 5px 8px 0;
padding:4px;
height:100px;
width:70px;
}
#PopularPosts1 ul{
padding-top:0px;
}
#PopularPosts1 li img{
height:100px;
width:70px;
}
.sidebar a:link{
font:12px Oswald;
text-decoration:none;
}
/* Lightbox */
.jquery-lightbox-overlay{background:#000}.jquery-lightbox{position:relative; padding:17px 0}.jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-right{position:absolute; height:17px; width:12%; z-index:7000}.jquery-lightbox-border-top-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat 0 0; top:0; left:0}.jquery-lightbox-border-top-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat right 0; top:0; right:0}.jquery-lightbox-border-top-middle{background:#2b2b2b; position:absolute; height:7px; width:78%; top:0; left:12%; z-index:7000; overflow:hidden}.jquery-lightbox-border-bottom-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat 0 bottom; bottom:0; left:0}.jquery-lightbox-border-bottom-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat right bottom; bottom:0; right:0}.jquery-lightbox-border-bottom-middle{background:#2b2b2b; height:7px; width:78%; position:absolute; bottom:0; left:12%; z-index:7000; overflow:hidden}.jquery-lightbox-title{background:#2b2b2b; color:#FFF; font-family:verdana,arial,serif; font-size:11px; line-height:14px; position:absolute; bottom:0; z-index:7000; opacity:0.9; margin:3px; padding:5px 8px}.jquery-lightbox-html{z-index:7000; position:relative; border:0; border-left:7px solid #2b2b2b; border-right:7px solid #2b2b2b; vertical-align:top; padding:0 15px}.jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe{vertical-align:top}.jquery-lightbox-background{position:absolute; top:7px; left:7px; z-index:6999; float:left; padding:0}.jquery-lightbox-background img{display:block; position:relative; border:0; width:100%; height:100%; margin:0; padding:0}.jquery-lightbox-mode-image .jquery-lightbox-html{z-index:6998; padding:0}.jquery-lightbox-mode-html .jquery-lightbox-background{background:#222}.jquery-lightbox-mode-html .jquery-lightbox-html{overflow:auto}.jquery-lightbox-loading, .jquery-lightbox-mode-html .jquery-lightbox-loading{background:rgb(34,34,34) url(http://3.bp.blogspot.com/-d3sFnPFy4-w/UDmpw0JBI5I/AAAAAAAABXM/VhCBxFAQaEM/s1600/loading.gif) no-repeat center center;
}
/* Button Lightbox */
.jquery-lightbox-button-close{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -190px -115px; position:absolute; top:12px; right:-26px; width:29px; height:29px}.jquery-lightbox-button-close:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -115px}.jquery-lightbox-mode-image .jquery-lightbox-button-close{right:14px; z-index:7002; opacity:0.7}.jquery-lightbox-buttons{position:absolute; top:7px; left:7px; z-index:7001; height:39px; display:none}.jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end{width:5px; height:39px; float:left; display:inline}.jquery-lightbox-buttons .jquery-lightbox-buttons-init{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -151px -153px; margin:7px 0 0 7px}.jquery-lightbox-buttons .jquery-lightbox-buttons-end{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -244px -153px; margin:7px 0 0}.jquery-lightbox-buttons .jquery-lightbox-button-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -156px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0}.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -156px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0}.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-max{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -182px -153px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0}.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -182px -194px}.jquery-lightbox-buttons .jquery-lightbox-button-min{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -162px -235px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0}.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -207px -235px}.jquery-lightbox-buttons-custom{height:39px; float:left; display:inline; background:#2b2b2b; line-height:39px; font-size:10px; margin:7px 0 0}.jquery-lightbox-buttons-custom a{color:#FFF; font-size:10px; display:inline; font-weight:400; text-decoration:underline; padding:0 3px}.jquery-lightbox-mode-image .jquery-lightbox-buttons{opacity:0.3}.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons, .jquery-lightbox-mode-image:hover .jquery-lightbox-button-close{opacity:0.9}.jquery-lightbox-button-close span, .jquery-lightbox-buttons span, .jquery-lightbox-navigator{display:none;
}
.sticky{}
::selection {
background-color:#0f666b;
color:#333;
text-shadow:none;
}
::-moz-selection {
background-color:#0f666b;
color:#333;
text-shadow:none;
}
pre .highlight,
pre .highlight span,
pre mark,
pre mark span {
background-color:white;
color:#839496 !important;
}
pre,i[rel="pre"] {
display:block;
font:normal normal 12px "Courier New",Courier,Monospace;
color:#839496;
padding:.5em .5em .5em 1em;
background-color:#002b36;
border-left:4px solid #268bd2;
position:relative;
overflow:auto;
word-wrap:normal;
white-space:pre;
}
pre code,
#comments pre code {
display:block;
font:inherit;
color:inherit;
letter-spacing:0;
white-space:pre;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
color:#586e75;
font-style:italic;
}
pre .keyword,
pre .css .rule .keyword,
pre pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .lisp .title {color:#859900}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {color:#2aa198}
pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .builtin,
pre .built_in,
pre .lisp .title,
pre .identifier,
pre .title .keymethods,
pre .id {color:#268bd2}
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {font-weight:bold}
pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .label {color:#b58900}
pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .diff .change,
pre .special,
pre .keymethods,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {color:#cb4b16}
pre .deletion {color:#dc322f}
pre .tex .formula {background:#073642}
pre.numbered {
border-left-width:2px;
padding-left:1em;
}
pre .line-number,
pre.numbered code {
display:block;
line-height:16px;
}
pre .line-number {
float:left;
margin:0 1em 0 -1em;
color:#586E75;
border-right:2px solid #05313B;
text-align:right;
min-width:35px;
}
pre .line-number span {
display:block;
position:relative;
padding:0 .5em 0 1em;
}
pre .line-number span:nth-child(even) {background-color:#03242C}
pre .line-number span em {
position:absolute;
bottom:-1px;
left:100%;
background-color:orange;
padding:0 2px 1px 2px;
border:1px solid black;
font-style:normal;
color:black;
display:none;
}
pre .line-number span:hover em {display:block}
pre .line-number span:target a {
display:block;
color:white;
position:relative;
background-color:#268bd2;
margin:0 -.5em 0 -1em;
padding:0 .5em 0 0;
}
pre.numbered code span {line-height:12px}
pre .line-number span:target:before {
content:"";
display:block;
height:150px;
margin-top:-150px;
visibility:hidden;
}
.prelight pre {
background-color:white;
color:#657b83;
border:1px solid #E9E7E0;
}
.prelight mark,.prelight .highlight {background-color:skyblue}
.prelight pre code {color:#657b83}
.prelight pre .line-number {border-right-color:#6CE26C}
.prelight pre .line-number span a {color:#bbb}
.prelight pre .line-number span:nth-child(even) {background-color:#eee}
.prelight pre .line-number span:target,pre .line-number span:target {background:none}
.prelight pre .line-number span:target a {color:black}
.prelight .comment,
.prelight .template_comment,
.prelight .diff .header,
.prelight .doctype,
.prelight .lisp .string,
.prelight .javadoc {color:#93a1a1}
pre.plain,
.prelight pre.plain {
border:1px solid #ccc;
background:none;
padding:1.5em 2em;
margin-left:0;
margin-right:0;
}
pre[data-codetype]:before {
content:attr(data-codetype);
position:relative;
display:block;
margin-top:-7px;
margin-right:-6px;
margin-left:-12px;
margin-bottom:5px;
background-color:#666;
padding:0 7px;
font:bold 11px/20px Arial,Sans-Serif;
color:white;
}
pre[rel="HTML"],pre[data-codetype="HTML"] {border-color:#0B7E88;}
pre[rel="CSS"],pre[data-codetype="CSS"] {border-color:#7B990C;}
pre[rel="JavaScript"],pre[data-codetype="JavaScript"] {border-color:#545448;}
pre[rel="JQuery"],pre[data-codetype="JQuery"] {border-color:#395540;}
pre[rel="JQuery UI"],pre[data-codetype="JQuery UI"] {border-color:#E36B23}
pre[rel="PHP"],pre[data-codetype="PHP"] {border-color:#FF9900;}
pre[rel="XML"],pre[data-codetype="XML"] {border-color:#FF0C39;}
pre[rel*="+"],pre[data-codetype*="+"] {border-left-color:#7C814D}
pre[data-codetype="HTML"]:before {background-color:#0B7E88;}
pre[data-codetype="CSS"]:before {background-color:#7B990C;}
pre[data-codetype="JavaScript"]:before {background-color:#545448;}
pre[data-codetype="JQuery"]:before {background-color:#395540;}
pre[data-codetype="JQuery UI"]:before {background-color:#E36B23}
pre[data-codetype="PHP"]:before {background-color:#FF9900;}
pre[data-codetype="XML"]:before {background-color:#FF0C39;}
pre[rel*="+"],pre[data-codetype*="+"]:before {background-color:#7C814D}
pre[data-codetype="HTML"] .line-number span:target a {background-color:#0B7E88}
pre[data-codetype="CSS"] .line-number span:target a {background-color:#7B990C}
pre[data-codetype="JavaScript"] .line-number span:target a {background-color:#545448}
pre[data-codetype="JQuery"] .line-number span:target a {background-color:#395540}
pre[data-codetype="JQuery UI"] .line-number span:target a {background-color:#E36B23}
pre[data-codetype="PHP"] .line-number span:target a {background-color:#FF9900;}
pre[data-codetype="XML"] .line-number span:target a {background-color:#FF0C39}
pre[data-codetype*="+"] .line-number span:target a {background-color:#7C814D}
#ElitesRunTop {
text-align:center;
float:right;
margin:0px 18px 0;
cursor:pointer;
display:none;
}
.awal {
float:left;
color: #000000;
line-height:40px;
padding-right:5px;
font-family:times;
font-weight:bold;
font-size:60px;
}
#options{
position:fixed;
left:-3px; top:127px;
float:left;
background:#f3f2f2;
width:160px;
height:320px;
z-index:1;
display:none;
}
#options_button{
position:fixed;
left:-3px;
top:127px;
width:30px;
height:30px;
background:#f3f2f2;
background-image:url(http://1.bp.blogspot.com/-46Hh2e8SSQM/UVL-BUDBVOI/AAAAAAAACEc/w_In5GZNr7k/s1600/options.png);
background-repeat:no-repeat;
background-position:center;
z-index:1;
cursor:pointer;
}
.rounded{
border-radius:5px;
}
h3{
font-family:Arial,Helvetica,sans-serif;
margin:5px 3px;
font-size:14px;
font-weight:bold;
text-align:left;
}
#texture_options,
#color_options{
padding:0 15px;
overflow:auto;
}
.color,
#texture_options img{
float:left;
width:32px;
height:24px;
margin:3px;
border:2px solid #cbcbcb;
cursor:pointer;
}
#color1{
background-color:#2eaaf9;
}
#color2{
background-color:#888;
}
#color3{
background-color:#c56f23;
}
#color4{
background-color:#28923a;
}
#color5{
background-color:#a54ece;
}
#color6{
background-color:#ce1e1e;
}
#color7{
background-color:#222020;
}
#color8{
background-color:#12549B;
}
#color9{
background-color:#0f0;
}
.rounded h2{
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:underline !important;
}
#tuw-font-change-widget{
width:auto;
}
#tuw-font-change-widget ul{
width:auto;
overflow:hidden;
margin:0 0 20px !important;
padding:0 !important;
list-style; none !important;
}
#tuw-font-change-widget ul li{
width:20px !important;
height:20px !important;
overflow:hidden;
margin:0 6px 0 0 !important;
padding:2px !important;
display:block !important;
float:left !important;
border:1px solid #CCC !important;
}
#tuw-font-change-widget ul li a{
width:20px !important;
height:20px !important;
display:block !important;
line-height:18px !important;
text-align:center !important;
color:#FFF !important;
font-size:11px !important;
font-family:Tahoma !important;
text-decoration:none !important;
outline:0 !important;
}
#fcw-color a{
text-indent:-999px !important;
}
#fcw-size a{
text-indent:0 !important;
background:#333 !important;
}
#related-posts{
float:left;
width:100%;
border-top:3px solid #bbb;
margin:5px 0 0px;
padding:15px 0 0px;
}
#related-posts .widget h2,
#related-posts h2{
font:16px Oswald;
color:#111;
text-transform:none;
margin:0 0 10px;
padding:0;
}
#related-posts a{
color:#333;
font:12px Tahoma;
}
#related-posts li{
background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;
text-indent:0;
line-height:1.2em;
border-bottom:1px dashed #ddd;
margin:0;
padding:3px 0 3px 12px;
}
#related-posts a:hover{
color:#2482d6;
text-decoration:none;
}
#related-posts .widget{
margin:0;
padding:0;
}
#related-posts ul{
list-style:none;
margin:0;
padding:0;
}
.toptop :hover {
filter:alpha(opacity=30);
-moz-opacity:0.3; opacity: 0.3;
}
.toptop{
filter:alpha(opacity=90);
-moz-opacity:0.9; opacity: 0.9;
}
.page-menu{
padding:0;
text-align:right;
margin-right:135px;
margin-top:-55px;
text-shadow:0 1px 0 rgba(0,0,0,0.7);
}
.page-menu ul{
list-style:none;
color:#ddd;
margin:0 auto;
padding:0;
}
.page-menu ul li{
list-style:none;
line-height:32px;
display:inline-block;
}
.page-menu li a{
color:#ddd;
display:block;
font-size:14px;
font-family:Arial;
text-decoration:none;
text-transform:capitalize;
padding:0 10px;
background: rgba(0,0,0,.4);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;
}
.page-menu li a:hover{
background:#fec700;
color:#fff;
text-decoration:none;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
p .spammer-detected {background-color: #ffffff;}
textarea {
background: url(http://4.bp.blogspot.com/-3FCef3PNh-A/UJu5bf8H5BI/AAAAAAAADDo/xNnrUF6r2zg/s1600/pre_grid.png) repeat scroll 0 0 #F8F8F8;
border-radius: 4px;
color: #406C7F;
font-family: Monaco,Courier,monospace;
font-size: 12px;
line-height: 20px;
overflow: auto;
padding: 5px 12px;
border:2px dashed #cec2c2;
-webkit-box-shadow:inset 0px 0px 7px #222;
-moz-box-shadow:inset 0px 0px 7px #222;
box-shadow:inset 0px 0px 7px #222;
width:93%;
height:40px;
display:block;
margin:10px auto;
}
/* BlockQuote */
blockquote,b[rel="quote"] {
display:block;
font:inherit;
position:relative;
background-color:#5D73B5;
color:white;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-shadow:0 1px 0 rgba(0,0,0,.2);
margin:.75em 0;
padding:1.3em 1.6em;
}
blockquote a,
blockquote a:visited,
blockquote a:hover,
blockquote code,
b[rel="quote"] a,
b[rel="quote"] a:hover {
color:#FFEAE5 !important;
background:none;
text-shadow:none;
}
blockquote:before,
b[rel="quote"]:before {
content:"";
width:0;
height:0;
position:absolute;
bottom:100%;
right:15px;
border:7px solid transparent;
border-color:transparent transparent #5D73B5;
}
#quote-frame iframe,
.sidebar-box iframe {
display:block;
overflow:hidden;
}
figure {
text-align:center;
background-color:#CFDBEC;
border:1px solid #a5a5a5;
margin:0 5%;
padding:10px;
}
figure figcaption {
margin:10px 0 0;
font-size:98%;
font-style:italic;
font-family:Arial,Sans-Serif;
}
/* Jump-Link class name */
.target-elem:before {
content:"";
display:block;
height:40px;
margin-top:-40px;
}
/* Forms */
input[type="text"],
textarea {
border:1px solid #ccc;
margin-bottom:.4em;
background-color:#fafafa;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
box-shadow:inset 0 1px 1px rgba(0,0,0,.2);
font:inherit;
line-height:normal;
padding:2px 2px;
}
textarea:focus {background-color:#FFE4B5}
input[type="text"].warna,
input[type="text"].color {
vertical-align:baseline;
border:1px solid #eee;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
margin:0 4px;
padding:15px 25px;
font:bold 11px Verdana,Arial,Sans-Serif;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,button,
.button.disabled:active {
cursor:pointer;
background-color:#248AB0;
background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.26));
border:2px solid white;
position:relative;
top:-1px;
color:#ebebeb !important;
font:normal bold 11px Arial,Sans-Serif;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
box-shadow:0 1px 2px rgba(0,0,0,.4);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-shadow:0 1px 0 rgba(0,0,0,.3);
padding:.45em .9em;
white-space:nowrap;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,button:hover,
.button:focus,
.button:visited:hover {
background-color:#0671A1;
color:white !important;
border-color:white;
text-decoration:none;
}
.button-group .button:focus {border:2px solid white}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active,button:active {
top:0;
background-color:#005E90;
background-image:-webkit-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
background-image:-moz-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
background-image:-ms-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
background-image:-o-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
background-image:linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
border-color:white;
}
.button.disabled,
.button.disabled:hover,
.button.disabled:active {
background-color:#bbb;
cursor:text;
pointer-events:none;
}
.button-group {text-align:center}
.button.small,
.button.small:active,
.button.small:focus {
border:none;
padding:.45em .9em;
}
.button.small.square-btn,
.button.small.square-btn:active,
.button.small.square-btn:focus {
font-size:9px;
text-transform:uppercase;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border:4px solid #333;
padding:.45em .9em .54em;
width:auto;
margin:2px 0 0 2px;
}
a.green,
a.subscribe,
a.green:hover,
a.subscribe:hover {
font-size:50%;
color:#eee;
background-color:#527915;
text-transform:uppercase;
position:relative;
top:-3px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:0 7px;
padding:3px 10px;
text-decoration:none;
}
a.green:hover,
a.subscribe:hover {background-color:#4B6F15}
a.green:active,
a.subscribe:active {
background-color:#999;
color:white;
}
.color-box {
display:inline-block;
width:30px;
height:30px;
background-color:white;
border:2px solid #222;
border-color:rgba(0,0,0,.2);
font:0/0 Serif;
color:transparent;
text-shadow:none;
}
.color-box:hover {
border-color:#333;
border-color:rgba(0,0,0,.4);
}
/* General */
.hidden {display:none}
.accessible-hidden {
position:absolute;
top:-9999px;
left:-9999px;
}
#page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background-color:#010101;
z-index:9999;
text-align:center;
padding:70px 0 0;
display:none;
}
/* Contact Frame */
#contact-frame {
width:560px;
height:360px;
border:none;
background-color:#333;
-webkit-box-shadow:0 1px 3px black;
-moz-box-shadow:0 1px 3px black;
box-shadow:0 1px 3px black;
overflow:hidden;
position:absolute;
top:100px;
left:50%;
z-index:9999;
margin:0 0 0 -280px;
}
#contact-close {
position:absolute;
line-height:normal;
top:105px;
left:50%;
margin:0 0 0 -268px;
border:none;
z-index:99999;
text-decoration:none;
font-weight:bold;
font-size:150%;
color:white;
}
/* Status Panel */
#status {
position:absolute;
top:54px;
left:-4px;
z-index:8;
cursor:help;
background-color:#DC4236;
font-size:96%;
color:white;
text-shadow:0 -1px 0 rgba(0,0,0,.4);
text-align:right;
padding:7px 12px 7px 10px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
box-shadow:0 1px 2px rgba(0,0,0,.4);
-webkit-border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
border-radius:0 5px 5px 0;
-webkit-transition:top .5s ease-in-out;
-moz-transition:top .5s ease-in-out;
-ms-transition:top .5s ease-in-out;
-o-transition:top .5s ease-in-out;
transition:top .5s ease-in-out;
overflow:hidden;
display:none;
}
#status a {color:#ffa}
#status strong {
cursor:pointer;
float:right;
width:16px;
height:16px;
font-size:78%;
line-height:16px;
text-align:center;
background-color:#8B271F;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}
#status h2 {
font-size:110%;
color:inherit;
background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
background-image:-moz-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
background-image:-ms-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
background-image:-o-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
background-image:linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
margin:0 0 10px;
padding:5px 10px;
}
#status .section {
position:relative;
top:-12px;
left:-10px;
margin:0 10px 0;
padding:0 0;
width:300px;
height:300px;
text-align:left;
display:none;
}
#status .widget,
#status .widget-content {
width:auto;
margin:0 0;
padding:0 0;
}
#status:hover strong {
-webkit-transform:rotate(-720deg);
-moz-transform:rotate(-720deg);
-ms-transform:rotate(-720deg);
-o-transform:rotate(-720deg);
transform:rotate(-720deg);
}
/* 'Top' Link */
#gotop {
cursor:pointer;
position:fixed !important;
position:absolute;
bottom:-40px;
right:-40px;
z-index:999;
width:30px;
height:30px;
background-color:#067BAF;
border:1px solid #144F69;
overflow:hidden;
background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
background-image:-moz-radial-gradient(top,#2493C4,#086A95);
background-image:-ms-radial-gradient(top,#2493C4,#086A95);
background-image:-o-radial-gradient(top,#2493C4,#086A95);
background-image:radial-gradient(top,#2493C4,#086A95);
-webkit-border-radius:10px 0 0 0;
-moz-border-radius:10px 0 0 0;
border-radius:10px 0 0 0;
text-indent:-9999px;
-webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
-moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
}
#gotop:after {
content:"";
display:block;
width:0;
height:0;
border-width:10px 4px;
border-style:solid;
border-color:transparent transparent #C3D1D7 transparent;
position:absolute;
top:0;
left:11px;
}
#gotop:focus {outline:none}
#gotop:hover:after {border-bottom-color:white}
#gotop:active {
background-image:-webkit-linear-gradient(top,#144F69,#2493C4);
background-image:-moz-linear-gradient(top,#144F69,#2493C4);
background-image:-ms-linear-gradient(top,#144F69,#2493C4);
background-image:-o-linear-gradient(top,#144F69,#2493C4);
background-image:linear-gradient(top,#144F69,#2493C4);
}
.jsfiddle-demo {
display:block;
width:99%;
height:300px;
border:2px solid #4474A5;
margin:0 auto 1.7em;
}
#status-forum {
text-align:left;
padding:0;
border:2px solid #000;
font:normal normal 12px Arial,Sans-Serif;
box-shadow:0 0 5px green,0 0 5px #000;
-moz-box-shadow:0 0 5px green,0 0 5px #000;
-webkit-box-shadow:0 0 5px green,0 0 5px #000;
-khtml-box-shadow:0 0 5px green,0 0 5px #000;
}
#status-forum li {
padding:5px 10px;
background-color:#164407;
border-bottom:1px solid #640505;
position:relative;
overflow:hidden;
}
#status-forum li:hover,
#status-forum li:first-child {
background-color:#133A06;
}
#status-forum a {
text-decoration:none;
}
#status-forum a:hover {
text-decoration:underline;
}
.accessible-hidden {
position:absolute;
top:-99px;
left:-99px;
width:1px;
height:1px;
}
/* For Disabled JavaScript */
.no-js #cm_block,
.no-js #about:target {display:block}
.no-js div:target .cm_entry,
.comments .selected .cm_entry {border:2px solid yellow}
.no-js div:target .avatar-image-container,
.comments .selected .avatar-image-container {
border:5px solid yellow;
padding:0 0;
}
.loader {background:transparent url('') no-repeat 50% 120px;
}
/* Comments */
#comments {
padding:2em;
margin:0;
background-color:#2f2f2f;
border:2px solid #666;
-webkit-box-shadow:inset 0 0 7px black;
-moz-box-shadow:inset 0 0 7px black;
box-shadow:inset 0 0 7px black;
color:white;
}
#comments .note,
em[rel="note"] {
display:block;
padding:5px 10px;
border:1px solid black;
background-color:#222;
background-image:-webkit-linear-gradient(top,#333,#222);
background-image:-moz-linear-gradient(top,#333,#222);
background-image:-ms-linear-gradient(top,#333,#222);
background-image:-o-linear-gradient(top,#333,#222);
background-image:linear-gradient(top,#333,#222);
-webkit-box-shadow:0 0 0 1px #555;
-moz-box-shadow:0 0 0 1px #555;
box-shadow:0 0 0 1px #555;
color:#ccc;
font:normal normal 11px Tahoma,Verdana,Arial,Sans-Serif;
text-shadow:0 1px 0 black;
}
#comments .note a,
#comments .note code {font-size:11px}
#comments img.incomment,
#comments blockquote img.incomment {
display:block;
margin:2px auto 0;
}
#comments pre,i[rel="pre"] {margin:0 0 5px}
.comments a {color:#5687B8}
.comments a.allow,i[rel="anchor"] {font-size:97%}
#comments code,
i[rel="code"],
#respond em {
color:white;
font:normal normal 12px/1.4 "Courier New",Courier,Monospace;
}
#comments code a,
#comments code a:hover {
color:inherit;
background:none;
}
i[rel="image"] {
display:block;
margin:2px auto;
width:50px;
height:50px;
border:5px solid #222;
overflow:hidden;
position:relative;
}
#comments iframe.video {
width:320px;
max-width:320px;
height:224px;
-webkit-box-shadow:0 1px 3px black;
-moz-box-shadow:0 1px 3px black;
box-shadow:0 1px 3px black;
display:block;
margin:10px auto;
border:4px solid #444;
background-position:50% 50%;
}
#cm_block {}
#comments h4 {
color:white;
font-size:116%;
margin:1.5em 0 1em;
letter-spacing:0;
}
.cm_head {
width:58px;
float:left;
padding-left:0px;
}
.comments .avatar-image-container {
margin:0 0 3px;
border:1px solid #3c3c3c;
padding:4px;
width:45px;
height:45px;
max-width:100%;
max-height:100%;
float:none;
-webkit-box-shadow:0 1px 2px black;
-moz-box-shadow:0 1px 2px black;
box-shadow:0 1px 2px black;
background-color:#666;
-webkit-background-clip:content-box;
-moz-background-clip:content-box;
background-clip:content-box;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
}
.comments .avatar-image-container img {
width:45px;
height:45px;
max-width:100%;
max-height:100%;
overflow:visible;
float:none;
}
.comments .avatar-image-container img:hover {opacity:.7}
.cm_name {
font-size:15px;
font-weight:bold;
font-style:normal;
float:left;
}
.cm_name a {
text-decoration:none;
}
.cm_name a:hover {
text-decoration:underline;
}
.cm_date {
font-size:84%;
font-style:italic;
line-height:1.8;
color:#888;
float:right;
}
.cm_entry {
margin:-6px 0 0 58px;
padding:1.26em;
border:1px solid #3c3c3c;
background-color:#333;
-webkit-box-shadow:0 1px 2px black;
-moz-box-shadow:0 1px 2px black;
box-shadow:0 1px 2px black;
overflow:hidden;
position:relative;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
transition:all 1s ease-out;
}
.cm_entry .author-mark {
display:block;
width:0;
height:0;
border:12px solid transparent;
border-color:transparent #900 #900 transparent;
position:absolute;
right:0;
bottom:0;
}
.cm_entry .cm_info,
.cm_entry .para {
border:1px solid #555;
background-color:#444;
padding:.5em .8em;
}
.cm_entry .para {
font-size:13px;
font-style:normal;
}
.cm_entry .cm_info {margin-bottom:2px}
.cm_entry .para {
clear:both;
word-wrap:break-word;
}
.comment_inner {
padding-bottom:5px;
margin:5px 0 0px 0;
}
.comment_child .cm_wrap {
padding-left:35px;
}
.cm_reply a {
cursor:pointer;
display:block;
width:auto;
margin:0 0 1px 3px;
padding:2px 7px 3px;
text-transform:none;
color:white !important;
background-color:#527915;
background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
font:normal normal 10px Tahoma,Verdana,Arial,Sans-Serif;
-webkit-box-shadow:0 2px 2px black;
-moz-box-shadow:0 2px 2px black;
box-shadow:0 2px 2px black;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
-webkit-transition:all .16s ease-in-out;
-moz-transition:all .16s ease-in-out;
-ms-transition:all .16s ease-in-out;
-o-transition:all .16s ease-in-out;
transition:all .16s ease-in-out;
}
.cm_reply .item-control {display:block !important}
.cm_reply a:hover,
.cm_reply a:focus,
.cm_reply a.clicked {
margin:0 0 1px -3px;
padding:2px 10px 3px 7px;
outline:none;
text-decoration:none;
}
.cm_reply a:focus,
.cm_reply a.clicked {background-color:#890586}
.cm_reply a:active {
background-image:-webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
background-image:-moz-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
background-image:-ms-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
background-image:-o-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
background-image:linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
outline:none;
}
.unneeded-paging-control {
display:none;
}
#comment-editor {
width:101% !important;
}
.comment_reply_form {
margin:10px 0 10px 10px;
}
#respond {
overflow:hidden;
padding-left:10px;
clear:both;
}
.cm_entry .para.deleted-by-js {color:#bbb}
.cm_entry .para.deleted-by-js textarea {
width:98%;
height:120px;
display:block;
margin:1.7em auto;
}
.cm_pagenavi {
font-size:10px;
text-transform:uppercase;
color:#666;
text-shadow:1px 1px #FFF;
font-weight:700;
}
#cm_page_copy {
display:none;
}
#comment-form {
clear:both;
margin:3em 0 0;
padding:1.6em;
-webkit-box-shadow:0 1px 5px black;
-moz-box-shadow:0 1px 5px black;
box-shadow:0 1px 5px black;
width:auto !important;
display:block;
}
#respond p {font-size:96%}
#comment-editor {
width:100%;
height:270px;
background:none;
}
#frame-outer {position:relative}
#cancel-answer {display:none}
#cancel-reply {display:none}
.cm_wrap #comment-form {
margin:4px 0 0;
border:1px solid #3c3c3c;
-webkit-box-shadow:0 1px 2px black;
-moz-box-shadow:0 1px 2px black;
box-shadow:0 1px 2px black;
}
.cm_wrap #cancel-answer {
display:inline;
font-size:120%;
}
.cm_wrap #comment-form .heads-up {display:none}
/* Comment Emo */
img.emo,
input.emo-key {
display:inline-block;
vertical-align:middle;
position:relative;
cursor:pointer;
}
input.emo-key {
background-color:black;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:1px solid #333;
font-size:12px;
font-weight:normal;
color:white;
margin:0 0;
padding:1px 1px;
}
#loading-text {
position:fixed !important;
position:absolute;
top:0;
right:0;
left:0;
z-index:9999;
text-align:center;
}
#loading-text span {
display:inline;
background-color:#900;
padding:5px 10px 7px;
font:bold 11px/24px Arial,Sans-Serif;
color:white;
}
#loading-text .notif-count {
display:block;
position:absolute;
top:0;
left:50%;
width:66px;
height:17px;
overflow:hidden;
background-color:#900;
padding:1px 0 0;
font:normal bold 8px/15px Tahoma,Verdana,Arial,Sans-Serif;
color:white;
text-decoration:none;
text-align:center;
text-transform:uppercase;
margin:3px auto 0 -33px;
}
#alert-box {
position:fixed !important;
position:absolute;
top:50px;
right:0;
left:0;
z-index:9999;
text-align:center;
}
#alert-box .message {
text-align:left;
width:370px;
margin:0 auto;
background-color:#174A87;
border:10px solid #0A2E58;
color:white;
padding:1.2em 1.4em;
-webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
-moz-box-shadow:0 0 2px 1px black,0 0 10px black;
box-shadow:0 0 2px 1px black,0 0 10px black;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#alert-box .button-group {margin:1.7em 0 0}
#alert-box button {
border:none;
margin:0 2px;
}
/* Bottom Checkbox */
#checker-box {
position:fixed !important;
position:absolute;
bottom:0;
right:20px;
border:2px solid #888;
border-bottom-width:0;
background-color:#B2B2B2;
font-size:96%;
z-index:80;
padding:2px 1.5% 2px 2px;
}
#checker-box label {
position:relative;
top:-2px;
}